<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html">
<head>
	<title>Login - Validador de Contratos Web</title>
	<style type="text/css">
<!--
#loginform {
	width: 500px;
	padding: 20px;
	background: #f0f0f0;
	overflow: auto;
	/* Border style */
	border: 1px solid #cccccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/* Border Shadow */
	-moz-box-shadow: 2px 2px 2px #cccccc;
	-webkit-box-shadow: 2px 2px 2px #cccccc;
	box-shadow: 2px 2px 2px #cccccc;
}

label {
	font-family: Arial, Verdana;
	text-shadow: 2px 2px 2px #ccc;
	display: block;
	float: left;
	margin-right: 15px;
	font-weight: bold;
	margin-right: 10px;
	text-align: right;
	width: 120px;
	line-height: 25px;
	font-size: 15px;
}
h2 {
	font-family: Arial, Verdana;
	text-shadow: 3px 3px 3px #ccc;
	display: block;
	font-weight: bold;
	line-height: 40px;
	font-size: 20px;
}

.input {
	font-family: Arial, Verdana;
	font-size: 15px;
	padding: 5px;
	border: 1px solid #b9bdc1;
	width: 300px;
	color: #797979;
}

.hint {
	display: none;
}

.field:hover .hint {
	position: absolute;
	display: block;
	margin: -30px 0 0 455px;
	color: #FFFFFF;
	padding: 7px 10px;
	background: rgba(0, 0, 0, 0.6);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.button {
	float: right;
	margin-left: 15px;
	margin: 10px 55px 10px 0;
	font-weight: bold;
	line-height: 1;
	padding: 6px 10px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-shadow: 0 -1px 1px #64799e;
	/* Background gradient */
	background: #a5b8da;
	background: -moz-linear-gradient(top, #a5b8da 0%, #7089b3 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b8da),
		to(#7089b3));
	/* Border style */
	border: 1px solid #5c6f91;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* Box shadow */
	-moz-box-shadow: inset 0 1px 0 0 #aec3e5;
	-webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
	box-shadow: inset 0 1px 0 0 #aec3e5;
}
-->
</style>
</head>
<body>
	<div style="width: 650px; position: relative; top: 30px; margin: auto; margin-bottom: 70px;">
		<form id="loginform" method="post" action="j_security_check">
			<center><h2>Validador de Contratos Web</h2></center>
			<div class="field">
				<label for="j_username">Usuário:</label> <input type="text"
					class="input" id="j_username" name="j_username" />
				<p class="hint">Insira o nome de usuário.</p>
			</div>
			<p />
			<div class="field">
				<label for="j_password">Senha:</label> <input type="password"
					class="input" id="j_password" name="j_password" />
				<p class="hint">Insira a senha de acesso.</p>
			</div>
			<input type="submit" name="submit" class="button" value="Login" />
		</form>
	</div>
</body>
</html>